<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            height: 40000px;
        }
    </style>
</head>

<body>


    <script>

        // 给谁绑定事件

        // 滚动事件  属于浏览器窗口


        // 滚动条事件是一个高频率触发的事件 --- 是在滚动条的位置只要发生改变，事件就会被触发

        var t;
        window.onscroll = function () {
            // console.log(666);

            clearTimeout(t);

            t = setTimeout(function () {
                console.log(666);
            }, 300)
        }





        // 在一段时间内只会触发一次
        // var flag = true;
        // window.onscroll = function () {
        //     // console.log(666);
        //     if (flag) {
        //         flag = false;
        //         var t = setTimeout(function () {
        //             console.log(666);
        //             flag = true;
        //         }, 300)
        //     }
        // }

    </script>

</body>

</html>